<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>植物大战僵尸 — 框架骨架</title>
  <style>
    html, body { height: 100%; margin: 0; }
    body { display: flex; align-items: center; justify-content: center; background: #2a2e37; color: #eee; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Microsoft Yahei", sans-serif; }
    #container { display: flex; flex-direction: column; gap: 8px; align-items: center; }
    canvas { background: #3a6941; box-shadow: 0 6px 24px rgba(0,0,0,0.35); border: 2px solid #1b3b22; }
    .caption { opacity: 0.85; font-size: 13px; }
  </style>
</head>
<body>
  <div id="container">
    <canvas id="game" width="960" height="540"></canvas>
    <div class="caption">PVZ 框架骨架已加载（Canvas + ES Modules）</div>
  </div>
  <script type="module" src="./src/main.js"></script>
</body>
</html>